<template>
    <div class="error">
        <div class="content">
            <div>
                <img src="./../../assets/error.svg" alt="">
            </div>
            <div class="title">404</div>
            <div class="desc">Sorry, the page you visited does not exist.</div>

        </div>
    </div>
</template>

<script>
export default {
    name: "ResourceNotFound"
}
</script>

<style scoped lang="less">
.error{
    display: flex;
    align-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.content{
    margin: auto;
    text-align: center;
    .title{
        color: rgba(0,0,0,.85);
        font-size: 24px;
        line-height: 1.8;
        text-align: center;
    }
    .desc{
        margin: 0;
        color: #999;
    }
}
</style>